import { useState, useEffect } from 'react';
import styles from './style.less';
import { } from '@ant-design/icons';
import ProjectIcon from '@/components/projectIcon';
import { useRef } from 'react';
import { Button } from 'antd';






const Block = (props) => {
    const {
        provided = {
            innerRef: useRef()
        },
        blockData,
        laneCnt,
        snapshot
    } = props;
    return (
        <div className={styles.container}
            ref={provided.innerRef}
            {...provided.draggableProps}
        >
            <div>
                {/* <div className={styles.laneClass}></div> */}
                <div
                    className={styles.taskList}  >
                    {props.children}
                </div>
                <div>
                    {/* <div className={styles.addTask}>添加  + </div> */}
                    <Button shape="round"  size='small' className={styles.addTask}>添加 + </Button>
                </div>
            </div>
        </div>
    );
}

Block.defaultProps = {
    blockData: {
        laneList: [{
            taskList: [{}, {}, {}, {}]
        }, {
            taskList: [{}, {}, {}]
        }],
    }
}

export default Block;
